<%@ Control Language="C#" AutoEventWireup="true"  CodeFile="~/uicontrol/UITabpanel.ascx.cs" Inherits="uicontrol_UITabpanel" %>
<link href="App_Themes/Default/Css/UITabPane/DefaultStylesheet.css" rel="stylesheet"
    type="text/css" />
<link href="App_Themes/Default/Css/UITabSelector/DefaultStylesheet.css" rel="stylesheet"
    type="text/css" />
<link href="App_Themes/Default/Css/UITabs/DefaultStylesheet.css" rel="stylesheet"
    type="text/css" />
<style>
	.UIDivInfo {
		margin: auto; padding: 10px;
	}
	
	
</style>	 

<div class="UIDivInfo">

	<%/*Begin UITabPane*/%>
	<div class="UITabPane" style="margin-top: 15px;">
	  <%/*Begin TabPaneContent*/%>
	  <div class="TabPaneContent"> 
	    <%/*Begin WorkingArea*/%>
	    <div class="WorkingAreaWithHelp"  style="width:99.5%;">
	    	<%/*Begin Tabs*/%>
	      <div class="UIHorizontalTabs">
	        <div class="LeftHorizontalTabs">
		     	  <div class="RightHorizontalTabs">
		     	    <div class="CenterHorizontalTabs">
				        <div class="TabsContainer">
				        <asp:PlaceHolder ID="TabsContainer" runat="server"> 
				            				            
				        <%  String className = "NormalTab";
				            foreach(Control c in getChildren()) {
                                if (getSelectedIndex() == getChildren().IndexOf(c)) className = "SelectedTab";
                            else className = "NormalTab";
                               
	                        %>	      
	                        <script language="javascript" type="text/javascript">
	                        function changeTab(id, max) {
	                         for( i = 0; i < max; i++ ) {
	                              document.getElementById(i).className = "NormalTab" ;
	                              document.getElementById('UITabContent'+i).style.display = "none" ;	                              
	                         }
	                         document.getElementById(id).className = "SelectedTab" ;
	                         document.getElementById("UITabContent"+id).style.display = "block" ;
	                        }
	                        </script>                  
				            <div class="UITab NormalTabStyle">
				              <div id="<%=getChildren().IndexOf(c) %>" class="<%=className %>">
				                <div class="LeftTab">
				                  <div class="RightTab">                
				                    <div class="MiddleTab" onclick="changeTab(<%=getChildren().IndexOf(c) %>, <%= getChildren().Count %>);"><%=c.ID %></div>
				                  </div>
				                </div>
				              </div>
				            </div>
				        <%} %>				        
				        </asp:PlaceHolder>
				        </div>
                <div class="NavigationButtonContainer">
                  <div title="Previous Tabs" class="NavigationIcon ScrollBackArrow16x16Icon">
                    <div title="More Tabs" class="NavigationIcon ScrollNextArrow16x16Icon"><span/></div>
                  </div>
                </div>
				      </div>
				    </div>
				  </div>
	      </div>
	      <%/*End UIHorizontalTabs*/%>
	      <%/*Start UITabContentContainer*/%>
	      <div style="clear:left;"><span></span></div>
	      <div class="UITabContentContainer" >
	      <asp:PlaceHolder ID="UITabContentContainer" runat="server">
	       <%  String displayState = "none" ;
	           foreach(Control c in getChildren()) {                   
                   if (getSelectedIndex() == getChildren().IndexOf(c)) displayState = "block";
                   else displayState = "none";
                   %>
	        <div id="UITabContent<%=getChildren().IndexOf(c) %>" class="UITabContent" style="display: <%=displayState%>;"> 
	        	<table class="UIGrid" style="padding:0px; border:solid 1px #7EAAD0;"><tr><td><%=c.ID %></td></tr></table>	        	
	        	<asp:Panel ID="Panel" runat="server"></asp:Panel>   
	        </div>
	        
	        <%} %>
	       </asp:PlaceHolder>
	      
	      </div>  
	      <%/*End UITabContentContainer*/%>
	    </div>  
	    <%/*End WorkingArea*/%>
	  </div>  
	  <%/*End TabPaneContent*/%>
	</div>  
	<%/*End UITabPane*/%>	 
</div>

